<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>{$tpte.title}</title>
<meta name="keywords" content="{$tpte.keywords}"/>
<meta name="description" content="{$tpte.description}"/>
<link rel="stylesheet" type="text/css" href="__HOME__/banner/css/reset.css" />
<link rel="stylesheet" type="text/css" href="__HOME__/banner/css/style.css" />
<link rel="stylesheet" type="text/css" href="__HOME__/css/main.css" />

<include file="Index:header"/>


<div class="tpt-wp tpt-pat-75 cl">
	<div class="tpt-ml-6">

<!-- 轮播图 -->

	<div class="banner" id="b04">
		<ul>
			<li class="slider-item"><a href="#"><img src="__HOME__/img/01.jpg" alt="雷军回应；92女生：360关闭直播不诚恳，需周鸿祎道歉；传阿里即将控股A站|早报" width="860" height="240" ><span class="slider-title"><em>雷军回应；92女生：360关闭直播不诚恳，需周鸿祎道歉；传阿里即将控股A站|早报</em></span></a></li>
			<li class="slider-item"><a href="#"><img src="__HOME__/img/02.jpg" alt="如果你是创业者，你或许应该琢磨琢磨投资人是怎么想的" width="860" height="240" ><span class="slider-title"><em>如果你是创业者，你或许应该琢磨琢磨投资人是怎么想的</em></span></a></li>
			<li class="slider-item"><a href="#"><img src="__HOME__/img/03.jpg" alt="傅盛：生物学思维给我的四个启示" width="860" height="240" ><span class="slider-title"><em>傅盛：生物学思维给我的四个启示</em></span></a></li>
			<li class="slider-item"><a href="#"><img src="__HOME__/img/04.jpg" alt="重仓何小鹏" width="860" height="240" ><span class="slider-title"><em>重仓何小鹏</em></span></a></li>
			<li class="slider-item"><a href="#"><img src="__HOME__/img/05.jpg" alt="深潜：王石的创业" width="860" height="240" ><span class="slider-title"><em>深潜：王石的创业</em></span></a></li>
		</ul>
		<div class="progress"></div>
		<a href="javascript:void(0);" class="unslider-arrow04 prev"><img class="arrow" id="al" src="__HOME__/img/arrowl.png" alt="prev" width="20" height="35"></a>
		<a href="javascript:void(0);" class="unslider-arrow04 next"><img class="arrow" id="ar" src="__HOME__/img/arrowr.png" alt="next" width="20" height="37"></a>
	</div>

	<script src="__HOME__/js/jquery-1.11.1.min.js"></script>
	<script src="__HOME__/js/unslider.min.js"></script>
	<script src="__HOME__/js/lbt.js"></script>

<!-- 轮播图 -->
<!-- first_left -->
		<div class="tpt-sidebar cl" style="margin-top:20px;">

		<style type="text/css">
			.l{
					float: left;
					margin-right:7.5px;
					margin-left:7.5px;
					position: relative;
					width: 271px;
					overflow: hidden;
					height:200px;
			}

			.des{
				    padding: .25rem .75rem;
				    display: block;
				    color:#fff;
				    bottom: 0;
				    left: 0;
				    width: 100%;
				    position: absolute;
				    background: rgba(0,0,0,.8);
				    word-break: break-all;
				    text-overflow: ellipsis;
				    display: -webkit-box;
				    -webkit-box-orient: vertical;
				    -webkit-line-clamp: 2;
				    overflow: hidden;
				    text-align: center;

			}
		</style>
			<ul>
			<volist name="tptk" id="vo">

				<li class="l">
					
					<if condition="C('WEB_URL') eq 1"><a title="{$vo.title}" href="__ROOT__/article/{$vo.id}.html">
						<else/>
				    <a title="{$vo.title}" href="{:U('Home/index/article',array('id'=>$vo['id']))}">
				     </if>
				    <if condition="$vo[pic] neq ''">
	                    <img src="__ROOT__/Uploads{$vo.pic}" alt="{$vo.title}">
	                    <else /> 
                        <img src="__HOME__/img/1.jpg" alt="暂无缩略图">
                     </if>
				    </a>
					<a target="_blank" href="{:U('Home/index/article',array('id'=>$vo['id']))}">
			            <span class="des">{$vo.title}</span>
			        </a>
				</li>
			
			</volist>	

			</ul>
		</div>

<!-- first_left --> 
<!-- two_left -->
		<ul class="main" id="ajax11" style="padding-top:40px">
			<div class="cl">

				<ul class="tpt-g cl " style="padding: 0;" >
					<li  style="border:none;"><a class="tpt-g-0 removeClass active "  data-tag="全部"  OnClick="main_view(0)">全部</a></li>
					<volist name="tagss" id="tag" key="k" offset="0" length='30'>
						<li  style="border:none;"><a style="margin-left:100px;" class="tpt-g-{$k} removeClass" data-tag="{$tag}"  OnClick="main_view({$k})">{$tag}</a></li>
					</volist>
				</ul>

			</div>

			<div id="tag_main">
				<volist name="tptg" id="vo">
				
					<li class="cl">
						<div class="tpt-ml-3 cl">
							<div class="main_left">
								<if condition="$vo[commend] eq 1">
									<div class="mod-angle tpt-none-768">
										热
									</div>
								</if>
								<if condition="C('WEB_URL') eq 1"><a title="{$vo.title}" href="__ROOT__/article/{$vo.id}.html"><else/>
								<a title="{$vo.title}" href="{:U('Home/index/article',array('id'=>$vo['id']))}"></if>
									<if condition="$vo[pic] neq ''">
						                <img src="__ROOT__/Uploads{$vo.pic}" alt="{$vo.title}">
						            <else /> 
				                        <img src="__HOME__/img/1.jpg" alt="暂无缩略图">
				                    </if>
								</a>
							</div>
						</div>
						<div class="tpt-mr-7">
							<div class="main_right cl">
								<h2><if condition="C('WEB_URL') eq 1"><a title="{$vo.title}" href="__ROOT__/article/{$vo.id}.html"><else/>
								<a title="{$vo.title}" href="{:U('Home/index/article',array('id'=>$vo['id']))}"></if>{$vo.title}</a></h2>
								<p>
									<span><i class="iconfont">&#xe6a3;</i>{$vo.author}</span><span class="pipe"></span><span><i class="iconfont">&#xe7e5;</i>{$vo.name}</span><span class="pipe"></span><span><i class="iconfont">&#xe6c0;</i>{$vo.view}</span><span class="pipe"></span><span class="tpt-none-768"><i class="iconfont">&#xe64d;</i>{$vo.time|date="Y-m-d H:i:s",###}</span>
								</p>
								<p class="tpt-none-768">
									{$vo.description}...
								</p>
							</div>
						</div>
					</li>
		
				</volist>
			</div>
		</ul>


		

			<div id="ck"  style="display:none;width:415px;height:80px;margin:0 auto;text-align:center;border:2px solid #C0522C;border-radius: 15px;font-size:20px;line-height:80px;margin-top: 60px;"  >
		<a id='more' href="">查&nbsp;看&nbsp;更&nbsp;多</a>
	</div>

	</div>

	<div class="tpt-mr-4">
		<include file="Index:right"/>
	</div>
</div>

		<!-- <div class="tpt-mr-4">
		<include file="Index:right"/>
	</div> -->
<script src="__HOME__/banner/dist/easySlider.js"></script>
<script type="text/javascript">
	
	//ajax 加载
	function main_view(k){
		var id = 0;

		if (k == 1) 
			{
				id = 14;
			}else if (k == 2) 
			{
				id = 15;
			}else if (k == 3) 
			{
				id = 16;
			}else if (k == 4) 
			{
				id = 17;
			};
		if (id != 0) {
			$("#ck").show();
		}else{
			$("#ck").hide();
		};
		$('#more').attr({
			"href": "index.php?m=Home&c=index&a=category&id="+id
		});
		$('.removeClass').removeClass('active');
		$(".tpt-g-"+k).addClass('active');
		var type = $(".tpt-g-"+k).attr('data-tag');
		$.ajax({
			url: '<?php echo U("Index/ajax_get_article",'',FALSE); ?>',
			type: 'post',
			dataType: 'json',
			data: {type: type},
			success : function(data){
				var len = data.length;
				console.log(data);
				var result = '';
				var hot_ico = '<div class="mod-angle tpt-none-768">热</div>';				
				for(var i=0;i<len;i++){
					result +='<li class="cl">'
						   +'<div class="tpt-ml-3 cl">'
						   +'<div class="main_left">'
						   +(data[i].commend == 1?'<div class="mod-angle tpt-none-768">热</div>':'')
						   +'<if condition="C('WEB_URL') eq 1">'
						   +'<a title="'+data[i].title+'" href="__ROOT__/article/'+data[i].id+'.html">'
						   +'<else />'
						   +'<a title='+data[i].title+'></if>'
						   +'<if condition="'+data[i].pic+' neq ''">'
						   +'<img src="__ROOT__/Uploads'+data[i].pic+'" alt='+data[i].title+'>'
						   +'<else />'
						   +'<img src="__HOME__/img/1.jpg" alt="暂无缩略图"></if></a></div></div>'
						   +'<div class="tpt-mr-7"><div class="main_right cl">'
						   +'<h2><if condition="C('WEB_URL') eq 1">'
						   +'<a title='+data[i].title+' href="__ROOT__/article/'+data[i].id+'.html">'
						   +'<else />'
						   +'<a title='+data[i].title+' href="index.php?m=home?c=index&a=article&id='+data[i].id+'"></if>'
						   +''+data[i].title+'</a></h2>'
						   +'<p><span><i class="iconfont">&#xe6a3;</i>'+data[i].author+'</span><span class="pipe"></span><span><i class="iconfont">&#xe7e5;</i>'+data[i].name+'</span><span class="pipe"></span><span><i class="iconfont">&#xe6c0;</i>'+data[i].view+'</span><span class="pipe"></span><span class="tpt-none-768"><i class="iconfont">&#xe64d;</i>'+date('Y-m-d H:i:s',data[i].time)+'</span></p>'
						   +'<p class="tpt-none-768">'+data[i].description+'...</p></div></div>';
			 	}
			 	$('#tag_main').empty();
				$('#tag_main').append([result]);
			}
		})
		$(".tag_main_notice").show();
		$(".tag_main_pages_all").hide();

		
	}
	/**
	 * 和PHP一样的时间戳格式化函数
	 * @param  {string} format    格式
	 * @param  {int}    timestamp 要格式化的时间 默认为当前时间
	 * @return {string}           格式化的时间字符串
	 */
	function date(format, timestamp){ 
	    var a, jsdate=((timestamp) ? new Date(timestamp*1000) : new Date());
	    var pad = function(n, c){
	        if((n = n + "").length < c){
	            return new Array(++c - n.length).join("0") + n;
	        } else {
	            return n;
	        }
	    };
	    var txt_weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
	    var txt_ordin = {1:"st", 2:"nd", 3:"rd", 21:"st", 22:"nd", 23:"rd", 31:"st"};
	    var txt_months = ["", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
	    var f = {
	        // Day
	        d: function(){return pad(f.j(), 2)},
	        D: function(){return f.l().substr(0,3)},
	        j: function(){return jsdate.getDate()},
	        l: function(){return txt_weekdays[f.w()]},
	        N: function(){return f.w() + 1},
	        S: function(){return txt_ordin[f.j()] ? txt_ordin[f.j()] : 'th'},
	        w: function(){return jsdate.getDay()},
	        z: function(){return (jsdate - new Date(jsdate.getFullYear() + "/1/1")) / 864e5 >> 0},
	        // Week
	        W: function(){
	            var a = f.z(), b = 364 + f.L() - a;
	            var nd2, nd = (new Date(jsdate.getFullYear() + "/1/1").getDay() || 7) - 1;
	            if(b <= 2 && ((jsdate.getDay() || 7) - 1) <= 2 - b){
	                return 1;
	            } else{
	                if(a <= 2 && nd >= 4 && a >= (6 - nd)){
	                    nd2 = new Date(jsdate.getFullYear() - 1 + "/12/31");
	                    return date("W", Math.round(nd2.getTime()/1000));
	                } else{
	                    return (1 + (nd <= 3 ? ((a + nd) / 7) : (a - (7 - nd)) / 7) >> 0);
	                }
	            }
	        },
	        // Month
	        F: function(){return txt_months[f.n()]},
	        m: function(){return pad(f.n(), 2)},
	        M: function(){return f.F().substr(0,3)},
	        n: function(){return jsdate.getMonth() + 1},
	        t: function(){
	            var n;
	            if( (n = jsdate.getMonth() + 1) == 2 ){
	                return 28 + f.L();
	            } else{
	                if( n & 1 && n < 8 || !(n & 1) && n > 7 ){
	                    return 31;
	                } else{
	                    return 30;
	                }
	            }
	        },
	        // Year
	        L: function(){var y = f.Y();return (!(y & 3) && (y % 1e2 || !(y % 4e2))) ? 1 : 0},
	        //o not supported yet
	        Y: function(){return jsdate.getFullYear()},
	        y: function(){return (jsdate.getFullYear() + "").slice(2)},
	        // Time
	        a: function(){return jsdate.getHours() > 11 ? "pm" : "am"},
	        A: function(){return f.a().toUpperCase()},
	        B: function(){
	            // peter paul koch:
	            var off = (jsdate.getTimezoneOffset() + 60)*60;
	            var theSeconds = (jsdate.getHours() * 3600) + (jsdate.getMinutes() * 60) + jsdate.getSeconds() + off;
	            var beat = Math.floor(theSeconds/86.4);
	            if (beat > 1000) beat -= 1000;
	            if (beat < 0) beat += 1000;
	            if ((String(beat)).length == 1) beat = "00"+beat;
	            if ((String(beat)).length == 2) beat = "0"+beat;
	            return beat;
	        },
	        g: function(){return jsdate.getHours() % 12 || 12},
	        G: function(){return jsdate.getHours()},
	        h: function(){return pad(f.g(), 2)},
	        H: function(){return pad(jsdate.getHours(), 2)},
	        i: function(){return pad(jsdate.getMinutes(), 2)},
	        s: function(){return pad(jsdate.getSeconds(), 2)},
	        //u not supported yet
	        // Timezone
	        //e not supported yet
	        //I not supported yet
	        O: function(){
	            var t = pad(Math.abs(jsdate.getTimezoneOffset()/60*100), 4);
	            if (jsdate.getTimezoneOffset() > 0) t = "-" + t; else t = "+" + t;
	            return t;
	        },
	        P: function(){var O = f.O();return (O.substr(0, 3) + ":" + O.substr(3, 2))},
	        //T not supported yet
	        //Z not supported yet
	        // Full Date/Time
	        c: function(){return f.Y() + "-" + f.m() + "-" + f.d() + "T" + f.h() + ":" + f.i() + ":" + f.s() + f.P()},
	        //r not supported yet
	        U: function(){return Math.round(jsdate.getTime()/1000)}
	    };
	    return format.replace(/[\\]?([a-zA-Z])/g, function(t, s){
	        if( t!=s ){
	            // escaped
	            ret = s;
	        } else if( f[s] ){
	            // a date function exists
	            ret = f[s]();
	        } else{
	            // nothing special
	            ret = s;
	        }
	        return ret;
	    });
	}
	//banner 幻灯片
	$(function() {
		$("#slider").easySlider( {
			slideSpeed: 500,
			paginationSpacing: "15px",
			paginationDiameter: "12px",
			paginationPositionFromBottom: "20px",
			slidesClass: ".slides",
			controlsClass: ".controls",
			paginationClass: ".pagination"					
		});
			
	});
</script>
<include file="Index:footer"/>
</head>
</html>